<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>头像</title>
    <link rel="stylesheet" href="./view/头像/styles.css">
</head>
<body>
<!-- 头像 Unnamed (Rectangle) -->
<div id="u9225" class="ax_default heading_1">
    <div id="u9225_div" class=""></div>
    <div id="u9225_text" class="text ">
        <p><span>Avatar 头像</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9226" class="ax_default heading_1">
    <div id="u9226_div" class=""></div>
    <div id="u9226_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9227" class="ax_default label">
    <div id="u9227_div" class=""></div>
    <div id="u9227_text" class="text ">
        <p><span>用来代表用户或事物，支持图片、图标或字符展示。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9228" class="ax_default label">
    <div id="u9228_div" class=""></div>
    <div id="u9228_text" class="text ">
        <p><span>基础用法</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9229" class="ax_default label">
    <div id="u9229_div" class=""></div>
    <div id="u9229_text" class="text ">
        <p><span>头像有三种尺寸，两种形状可选。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9230" class="ax_default box_1">
    <div id="u9230_div" class=""></div>
    <div id="u9230_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9231" class="ax_default box_1">
    <div id="u9231_div" class=""></div>
    <div id="u9231_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9232" class="ax_default box_1">
    <div id="u9232_div" class=""></div>
    <div id="u9232_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9233" class="ax_default box_1">
    <div id="u9233_div" class=""></div>
    <div id="u9233_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9234" class="ax_default box_1">
    <div id="u9234_div" class=""></div>
    <div id="u9234_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9235" class="ax_default box_1">
    <div id="u9235_div" class=""></div>
    <div id="u9235_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9236" class="ax_default label">
    <div id="u9236_div" class=""></div>
    <div id="u9236_text" class="text ">
        <p><span>类型</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9237" class="ax_default label">
    <div id="u9237_div" class=""></div>
    <div id="u9237_text" class="text ">
        <p><span>支持三种类型：图片、Icon 以及字符，其中 Icon 和字符型可以自定义图标颜色及背景色。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9238" class="ax_default box_1">
    <div id="u9238_div" class=""></div>
    <div id="u9238_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9239" class="ax_default box_1">
    <div id="u9239_div" class=""></div>
    <div id="u9239_text" class="text ">
        <p><span>U</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9240" class="ax_default box_1">
    <div id="u9240_div" class=""></div>
    <div id="u9240_text" class="text ">
        <p><span>USER</span></p>
    </div>
</div>

<!-- Unnamed (Image) -->
<div id="u9241" class="ax_default image">
    <img id="u9241_img" class="img " src="assets/images/头像/u9241.svg"/>
    <div id="u9241_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9242" class="ax_default box_1">
    <div id="u9242_div" class=""></div>
    <div id="u9242_text" class="text ">
        <p><span>U</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9243" class="ax_default box_1">
    <div id="u9243_div" class=""></div>
    <div id="u9243_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9244" class="ax_default label">
    <div id="u9244_div" class=""></div>
    <div id="u9244_text" class="text ">
        <p><span>带徽标的头像</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9245" class="ax_default label">
    <div id="u9245_div" class=""></div>
    <div id="u9245_text" class="text ">
        <p><span>通常用于消息提示。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9246" class="ax_default box_1">
    <div id="u9246_div" class=""></div>
    <div id="u9246_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9247" class="ax_default box_1">
    <div id="u9247_div" class=""></div>
    <div id="u9247_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9248" class="ax_default box_1">
    <div id="u9248_div" class=""></div>
    <div id="u9248_text" class="text ">
        <p><span>1</span></p>
    </div>
</div>

<!-- Unnamed (Ellipse) -->
<div id="u9249" class="ax_default ellipse">
    <img id="u9249_img" class="img " src="assets/images/徽标数/u3213.svg"/>
    <div id="u9249_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>
</body>
</html>
